<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
	<title>订单</title>
	<script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>
	<script type="text/javascript" th:src="@{/assets/js/plugins/uploaders/plupload/plupload.full.min.js}"></script>
	<script type="text/javascript" th:src="@{/assets/js/plugins/uploaders/plupload/plupload.queue.min.js}"></script>
	<script type="text/javascript" th:src="@{/assets/js/plugins/uploaders/plupload/zh_CN.js}"></script>
	<style type="text/css">
	
	.tooltip{
		z-index: 9999;
	}
	
	</style>
</head>

<body>
	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}">管理系统</span> - 订单</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h6 class="panel-title">订单列表</h6>
								<div class="heading-elements panel-tabs">
									<ul class="nav nav-tabs nav-tabs-bottom">
										<li class="active"><a href="#panel-tab1" data-toggle="tab"><i class="position-left"></i>订单列表</a></li>
										<!-- <li><a href="#panel-tab2" data-toggle="tab"><i class="position-left"></i>订单导入</a></li> -->
									</ul>
			                	</div>
							</div>
							
							<div class="panel-tab-content tab-content">
								<div class="tab-pane active has-padding" id="panel-tab1">
									<!-- Table -->
							        	<div>
							        			<form id="query" action="#" class="form-horizontal">
													<div class="row">
														
														<div class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">客户名称:</label>
																<div class="col-lg-7">
																	<input type="text" name="customerName" class="form-control" placeholder="客户名称模糊查询" />
																</div>
															</div>
														</div>
														
														<div class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">渠道商名称:</label>
																<div class="col-lg-7">
																	<input type="text" name="distributorName" class="form-control" placeholder="渠道商名称模糊查询" />
																</div>
															</div>
														</div>
														
														<div th:if="${isBalanceStr == null}" class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">是否结算:</label>
																<div class="col-lg-7">
																	<select id="isBalance" name="isBalance" class="select form-control input-xs">
																		<option value="" >是否结算</option>
																		<option th:each="isBalance : ${isBalanceList}" th:value="${isBalance.status}" th:text="${isBalance.name}"></option>
																	</select>
																</div>
															</div>
														</div>
														
														<input th:if="${isBalanceStr != null}" type="hidden" name="isBalance" th:value="${isBalanceStr}" />
														
													</div>
													
													<div class="row">
														<div class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">客户电话:</label>
																<div class="col-lg-7">
																	<input type="text" name="customerPhoneNo" class="form-control" placeholder="客户电话模糊查询" />
																</div>
															</div>
														</div>
														
														<div class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">渠道商电话:</label>
																<div class="col-lg-7">
																	<input type="text" name="distributorPhoneNo" class="form-control" placeholder="渠道商电话模糊查询" />
																</div>
															</div>
														</div>
													</div>
													
													<div class="row">
														<div class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">订单时间:</label>
																<div class="col-lg-7">
																	<input type="text" id="beginDate" name="beginDate" class="form-control" placeholder="订单开始时间" />
																</div>
															</div>
														</div>
														
														<div class="col-md-3">
															<div class="form-group">
																<label class="col-lg-5 control-label">至:</label>
																<div class="col-lg-7">
																	<input type="text" id="endDate" name="endDate" class="form-control" placeholder="订单结束时间" />
																</div>
															</div>
														</div>
														
														<div class="col-md-1" >
															<div class="form-group">
																<button type="button" id="submit" class="btn btn-primary">查询 <i class="icon-search position-right"></i></button>
															</div>
														</div>
														
														<div class="col-md-2" >
															<div class="form-group">
															<!-- <button id="export" type="button" class="btn btn-primary" target="blank">导出订单 <i class="icon-export position-right"></i></button> -->
															 <!-- <a id="export" class="btn btn-primary" target="blank" >导出订单<i class="icon-file-excel position-right"></i></a> -->
															<button id="addOrder" type="button" class="btn btn-primary btn-add" data-toggle="modal">新增<i class="icon-user-plus position-right"></i></button>
															</div>
														</div>
														
													</div>
													
							        			</form>
											<table class="table datatable-basic table-striped table-hover">
												<thead style="z-index:-1;">
													<tr class="bg-primary">
														<th>财务单号</th>
														<th>订单时间</th>
														<th>客户名称</th>
														<th>渠道商名称</th>
                                                        <th id="amount" class="hidden">订单总额</th>
														<!-- <th>渠道商佣金</th>
														<th>消费金额</th>
														<th>已收款金额</th>
														<th>未收款金额</th>
														<th>手续费</th> -->
														<th id="receiveAmount" class="hidden">已收款金额</th>
														<th id="leftAmount" class="hidden">未收款金额</th>
                                                        <th id="fee" class="hidden">手续费</th>
														<th>项目(次数)</th>
														<th>操作</th>
													</tr>
												</thead>
												<tbody class="border-dashed">
													
												</tbody>
												<!-- <tfoot>
												    <tr>
												      <td class="info">消费总金额</td>
												      <td class="info" colspan="5"></td>
												    </tr>
												 </tfoot> -->
											</table>
										</div>
								</div>

								<div class="tab-pane has-padding" id="panel-tab2">
										<div class="tab-pane has-padding" id="batch-tab">
											<div class="alert alert-primary no-border" id="info">
												请选择需要上传的文件，支持xls，xlsx文件 <a th:href="@{/oss/templetes/templete.xlsx}" download="" class="alert-link text-danger" target="blank" >下载模板</a>
											</div>
											<div class="alert alert-danger no-border" id="uploadinfo" style="display:none">
											</div>
						
											<div class="file-uploader">
													<p>Your browser doesn't have Flash installed.</p>
										    </div>
										</div>
								</div>
								
							</div>
						</div>
		<input type="hidden" th:value="${buttonId}" id="buttonId"/>
		<script type="text/templete" id="btnGroup0">
			<div class="btn-group2" data-toggle="buttons">
				<button type="button" class="btn btn-link text-primary btn-payment" title="收款明细">收款明细</button>
				<button type="button" class="btn btn-link text-primary btn-operation" title="操作记录">操作记录</button>
				<button type="button" class="btn btn-link text-primary btn-edit" title="操作记录">编辑</button>
				<!--<button type="button" class="btn btn-link text-primary btn-balance" title="结算" data-toggle="modal">结算</button>-->
				<button type="button" class="btn btn-link text-danger btn-del" title="删除">删除</button>
			</div>
		</script>
		
		<script type="text/templete" id="btnGroup1">
			<div class="btn-group2" data-toggle="buttons">
				<button type="button" class="btn btn-link text-primary btn-operation" title="操作记录">操作记录</button>
			</div>
		</script>
		
		<script type="text/templete" id="btnGroup2">
			<div class="btn-group2" data-toggle="buttons">
				<button type="button" class="btn btn-link text-primary btn-payment" title="收款明细">收款明细</button>
			</div>
		</script>
		
		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/cOrder.js}"></script>
	</div>
	<!-- /main content -->

</body>
</html>
